// 组件变量
// 名称可按如下规则定义：
// <component>-[type]-[attrtype]-<attr>-[status]

// component: 组件名，如 button
// type: 组件类型，如 button 的次要按钮（line）
// attrtype: 属性的具体应用场景。如颜色，用于背景（bg）、文本（text）、边框（border）等
// attr: 属性名称，如 color、height、radius 等
// status: 表示组件状态或尺寸，如 hover、disabled、s、l 等

// 如：@button-line-bg-color-hover
// 如：@button-line-height-s

// 颜色
@comment-bg-color-secondary: @bg-color-secondarycontainer;
@comment-text-color-default: @text-color-primary;
@comment-text-color-secondary: @text-color-placeholder;
@comment-text-color-hover: @text-color-link;
@comment-border-color-default: @bg-color-secondarycontainer;

// 字体尺寸
@comment-author-text-size: @font-size-l;
@comment-content-text-size: @font-size-base;
@comment-secondary-text-size: @font-size-s;

// 字体行高
@comment-text-height: @text-line-height-l;

// 盒模型尺寸
@comment-padding-s: @spacer-1;
@comment-avatar-margin-right: @spacer-3;
@comment-author-margin-bottom: @spacer-1;
@comment-actions-margin-top: @spacer-1;
@comment-action-margin-left: @spacer-3;
@comment-quote-margin-top: @spacer-3;
@comment-reply-margin-left: @spacer-10;
@comment-reply-margin-top: @spacer-2;
